// 没问题
import router from './router'
import store from './store'
import { Message } from 'element-ui'
import NProgress from 'nprogress' // progress bar
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth' // get token from cookie
import getPageTitle from '@/utils/get-page-title'

NProgress.configure({ showSpinner: false }) // NProgress Configuration

// const whiteList = ['/login', '/dashboard'] // 白名单 表示不需要登录就可以访问的页面
const whiteList = ['/login'] // no redirect whitelist 白名单
// 这里的白名单要去router 里面设置

//导航守卫
router.beforeEach(async (to, from, next) => {
  // 启动进度条
  NProgress.start()

  // 设置页面标题
  document.title = getPageTitle(to.meta.title)

  //获取在完成登录后 存储在 vuex 里面的用户信息
  const hasGetUserInfo = store.getters.user

  //第一次鉴权： 判断你要去的页面是否需要权限(也就是说你去的页面是否在白名单里面)
  if (to.meta.auth) {
    //进入if分支表示页面需要权限
    // Message.error("您没有权限访问该页面，请先登录！")
    // 进行第二次鉴权 看本地仓库(vuex)内是否有用户信息
    if (hasGetUserInfo) {
      // 有用户信息
      next()
    } else {
      //没有用户信息 进行第三次鉴权 看是否有token值
      const hasToken = localStorage.getItem('Token')
      if (hasToken) {
        //有token 验证 token的有效性
        try {
          await store.dispatch('user/getInfo')
          next()
        } catch (error) {
          //token无效
          await store.dispatch('user/resetToken')
          Message.error('登录过期，请重新登录')
          next(`/login?redirect=${to.path}`)
          NProgress.done();
        }
      } else {
        //没有token值，需要导航到登陆页面 重新登录
        next(`/login?redirect=${to.path}`)
        NProgress.done();
      }
    }
  } else {
    //进入else分支表示页面不需要权限
    //判断你是否在登录页面，如果在登录页面 那我就把你跳转到首页

    if (to.path === '/login' && hasGetUserInfo) {
      // hasGetUserInfo 为我们在上面获取的 用户信息 也就是 我们存储在 vuex 里面的用户数据
      next({ path: '/' })
    } else {
      // 如果你不去登录页面，那我就让你去你想去的地方
      next()
    }
    NProgress.done();
  }

})

router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})